<template>
	<view>
		<view class="boxx">
			<view :class="ztgl=='派送中' ? 'pszj':'ywc'">{{ztgl}}</view>
			<view>物流信息</view>
			<view>
				物流信息:圆通快递
			</view>
			<view>物流单号:YT3845939654654</view>
			<view>
				<uni-notice-bar show-icon scrollable text="破损或丢失,请点击'客服'咨询快递公司" />
			</view>
			<button @click="lxkf">联系客服</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ztgl: ""
			};
		},
		methods: {
			lxkf() {
				console.log("联系客服")
				uni.navigateTo({
					url: "/pages/KF/KF"
				})
			}
		},
		onLoad(option) {
			this.ztgl = option.zt
		},
		created() {

		}
	}
</script>

<style lang="scss">
	
	.pszj {
		width: 80vw;
		height: 5vh;
		background: #3A88FF;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
	}

	.ywc {
		width: 80vw;
		height: 5vh;
		background: #00B578;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
	}

	.boxx {
		width: 80vw;
		height: 90vh;
		margin: 0 auto;
	}

	.container {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
</style>